<template>
	<z-paging-swiper ref="paging" class="z-paging" :swiper-style="{top:'0px'}">
		<home-vue v-show="current == 0"></home-vue>
		<notice-vue v-show="current == 1"></notice-vue>
		<mine-vue v-show="current == 2"></mine-vue>

		<template v-slot:bottom>
			<u-tabbar v-model="current" :list="list"></u-tabbar>
		</template>
	</z-paging-swiper>
</template>

<script setup>
	import http from '@/common/request.js'
	import HeadNav from "@/components/ar-nav/nav.vue"
	import {
		onLoad,
		onUnload
	} from '@dcloudio/uni-app'
	import {
		ref,
		reactive
	} from 'vue'
	import {
		getImgSrc,
		navTo
	} from '@/common/utils';
	import homeVue from "./home/home.vue"
	import noticeVue from "./notice/notice.vue"
	import mineVue from "./mine/mine.vue"

	const list = ref([{
			iconPath: "home",
			selectedIconPath: "home-fill",
			text: '首页',
			customIcon: false,
			activeColor: 'rgb(80, 152, 255)',
			inactiveColor: ''
		},
		{
			iconPath: "email",
			selectedIconPath: "email-fill",
			text: '通知提醒',
			customIcon: false,
			activeColor: 'rgb(80, 152, 255)',
			inactiveColor: ''
		},
		{
			iconPath: "account",
			selectedIconPath: "account-fill",
			text: '我的',
			customIcon: false,
			activeColor: 'rgb(80, 152, 255)',
			inactiveColor: ''
		},
	])

	const current = ref(0)

	const animationfinish = (d) => {
		current.value = d.detail.current
	}

	// 上报车辆
	const toReport = () => {
		navTo("/pages/logisticsCompany/index/home/carReport/carReport")
	}
</script>

<style lang="scss" scoped>
	.swiper {
		height: 100%;
	}

	// 
	.reportBtn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		position: fixed;
		bottom: 150rpx;
		right: 100rpx;
		z-index: 99;
		border: 3px solid #79c1fe;
		background: linear-gradient(0deg, #2f9bf9 0%, #56adf9 100%);
		width: 110rpx;
		height: 110rpx;
		z-index: 999;
		border: 3px solid #79c1fe;
		background: linear-gradient(0deg, #2f9bf9 0%, #56adf9 100%);
		box-sizing: border-box;
		border-radius: 100rpx;

		.mQt {
			font-size: 23rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #ffffff;
			text-align: center;
			transition: 0.22s;
		}
	}
</style>